{% extends "iphone.base.html" %}
{% block header %}
<div id="header" class="pre">
<p>[{{index}}/{{photos|length}}]
<h1>{{album.title}}</h1>
<a id="backButton" href="/model/{{album.model.username}}">{{album.model.name}}</a>
</div>
{% endblock %}
{% block body %}
	<div id="photogallery">
	<div class="photo_nav">
		{% if next %}
		<a class="next_photo_link" href="/album/{{photo.album.key}}?index={{ni}}">
			<span class="next_photo_overlay"></span>
			<img class="nav_img" width="65" height="65" alt="" src="{{host_img}}/{{album.model.username}}/{{next.url|imagename}}"/>
		</a>
		{% endif %}
		{% if prev %}
		<a class="prev_photo_link" href="/album/{{photo.album.key}}?index={{pi}}">
			<span class="prev_photo_overlay"></span>
			<img class="nav_img" width="65" height="65" alt="" src="{{host_img}}/{{album.model.username}}/{{prev.url|imagename}}"/>
		</a>
		{% endif %}
	</div>
	{%if photo %}
	<div class="photo_container"><a href="#"><img src="{{host_img}}/{{photo.model.username}}/{{photo.url|imagename}}"></a></div>
	{% endif %}
	<div class="photo_meta">
	</div>
	</div>
{% endblock %}